{__LINK="assets/css/teamplate/index/index_statement.css?ver={__VER__}"__}
<div class="statement">
    <div class="title">
        <img src="{__RESDIM__}images/index/icon_3.png">
        <span>我的报表</span>
    </div>
    <div class="statement_body">
        <div class="progress_content">
            <div class="title">SH15 5月第4周 (25/35)</div>
            <div class="progress">
                <div class="bar">
                    <div class="percent" style="width:67%"></div>
                </div>
                <p>生产收入预算完成率67%</p>
            </div>
            <div class="progress">
                <div class="bar">
                    <div class="percent" style="width:42%"></div>
                </div>
                <p>销售完成率42%</p>
            </div>
        </div>
        <div class="profit">
            <div class="block selected">
                <div class="data income">
                    240,0710
                </div>
                <div class="text">生产收入(元)</div>
            </div>
            <div class="block">
                <div class="data official">
                    251,4035
                </div>
                <div class="text">实收金额(元)</div>
            </div>
            <div class="block">
                <div class="count">
                    <div>910 / 678</div>
                </div>
                <div class="text">上课学员/在读学员</div>
            </div>
            <div class="block">
                <div class="count">
                    <div>67 / 36</div>
                </div>
                <div class="text">新签人数/新签单科数</div>
            </div>
        </div>
        <div class="charts">
            <div class="tabs">
                <div class="tab selected">合计</div>
                <div class="tab">1V1</div>
                <div class="tab">1V3</div>
            </div>
            <div class="labels">
                <ul>
                    <li class="selected">
                        <p>生产收入</p>
                        <p>(291948)</p>
                    </li>
                    <li>
                        <p>生产课时</p>
                        <p>(876)</p>
                    </li>
                    <li>
                        <p>预排生产收入</p>
                        <p>(435106)</p> 
                    </li>
                    <li>
                        <p>新签生产收入</p>
                        <p>(172615)</p>
                    </li>
                </ul>
                <ul>
                    <li class="selected">
                        <p>单位学员周均</p>
                        <p>(1.15)</p>
                    </li>
                    <li>
                        <p>单价</p>
                        <p>(93.31)</p>
                    </li>
                    <li>
                        <p>续费生产收入</p>
                        <p>(19333)</p>
                    </li>
                    <li>
                        <p>续费生产收入</p>
                        <p>(19333)</p>
                    </li>
                </ul>
            </div>
            <div class="cards">
                <ul>
                    <li>
                        chart
                    </li>
                    <li>
                        chart
                    </li>
                    <li>
                            chart
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    $('.charts .tab').click(function(){
        $('.charts .tab').removeClass('selected')
        $(this).addClass('selected')
    })
    $('.profit .block').click(function(){
        $('.profit .block').removeClass('selected')
        $(this).addClass('selected')
    })
    $('.charts .labels ul:first-child li').click(function(){
        $('.charts .labels ul:first-child li').removeClass('selected')
        $(this).addClass('selected')
    })
    $('.charts .labels ul:last-child li').click(function(){
        $('.charts .labels ul:last-child li').removeClass('selected')
        $(this).addClass('selected')
    })
</script>